<div class="span4">
    <div class="tabbable" style="margin-bottom: 18px;">
        <ul class="nav nav-tabs">
            <li class="active"><a href="#login" data-toggle="tab">Login</a></li>
            <li class=""><a href="#register" data-toggle="tab">Register</a></li>
        </ul>
        <div class="tab-content" style="padding-bottom: 9px; border-bottom: 1px solid #ddd;">
            <div class="tab-pane active" id="login">
                <?php
                echo form_open('main/auth', 'class="well"');
                ?>
                <label>Username</label>
                <input type="text" class="span7" placeholder="Masukkan username…" name="name" required>
                <label>Password</label>
                {alert}
                <input type="password" class="span7" placeholder="Masukkan password…" name="pass" required>
                <button type="submit" class="btn btn-info">Login</button>
                <?php
                echo form_close();
                ?>
            </div>
            <div class="tab-pane" id="register">
                <?php
                echo form_open('main/register', 'class="well"');
                ?>
                <label>Username</label>
                <input type="text" class="span7" placeholder="Masukkan username…" name="name" required>
                <label>Password</label>
                <input type="text" class="span7" placeholder="Masukkan password…" name="pass" required>
                {alert}
                <button type="submit" class="btn btn-success">Register</button>
                <?php
                echo form_close();
                ?>
            </div>
        </div>
    </div>
</div>